<template>
    <div class="RangeContainer">
        <el-input v-model="modelValue[itemValue]['min']" type="number" style="width: 40%" placeholder="Min" />
        
        <el-input v-model="modelValue[itemValue]['max']" type="number" style="width: 40%; margin-left: 2%;" placeholder="Max" />
    </div> 
</template>

<script lang="ts" setup name="NumberRange">
    import { onMounted, ref } from 'vue';

    const itemValue = ref('') // 选项名
    const props = defineProps(['modelValue', 'searchItem',])

    onMounted(() => {
        itemValue.value = props.searchItem.value
    })

</script>

<style scoped>
    .RangeContainer {
        display: flex;
        flex-wrap: nowrap;
        margin-left: 20px;
        text-align: center;
    }
</style>